<template>
	<!-- <view><h2>555555</h2></view> -->
	<!-- <view style="width: 100%;">
		<view style="height: 200000px;">{{message}}</view>
	</view> -->
	<view class="center_bor" >
		<div class="titlep pb10">
			<div class="text">访客平台</div>
		</div>
		<div class="chooseshenfen p10">请选择身份</div>
		<div class="wechantLogin w70 mauto col_white tRight p10 box-color2" @click="addcompany()">
			<text class="floatL f16">认证公司管理员</text>
			<uni-icons style="color:#fff" type="arrowright" size="30"></uni-icons>
		</div>
		<div class="wechantLogin w70 mauto col_white tRight p10 box-color1 wechantLogiWS"  @click="joincompany()">
			
			<text class="floatL f16">员工加入公司</text>
			<uni-icons style="color:#fff" type="arrowright" size="30"></uni-icons>
			</div>
		<backnext></backnext>
		<!-- 底部导航 -->
		<footernav pagePath='user'></footernav>
		<!-- 加载动画 -->
		<loading v-if="!isloading()"></loading>
	</view>
</template>

<script>
import { mapState, mapMutations } from 'vuex';
import mInput from '../../components/m-input.vue';
import graceChecker from '../../common/graceChecker.js';
import md5 from '../../common/md5.js';
import { isEmpty } from '@/common/graceChecker.js';
export default {
	data() {
		return {
			token: '',
			message: '',
			weizinlogin:false,
		};
	},
	computed: mapState(['forcedLogin']),

	created() {
	},

	methods: {
		addcompany(){
			uni.navigateTo({
				url: '/pages/shouquan/yingye'
			});
		},
		joincompany(){
			uni.navigateTo({
				url: '/pages/shouquan/conpany'
			});
		},
	}
};
</script>

<style scoped lang="scss">
.center_bor {
	width: 100%;
	padding-top: 10%;
	text-align: center;
	// position: relative;
	.text {
	
		letter-spacing: 5px;
		color: rgba(80, 80, 80, 1);
		font-size: 26px;
		font-weight: bold;
		
	}
}

	.wechantLogin{line-height: 4.5rem;height: 4.5rem;border-radius: 8px; }
	.box-color2 {
		background: linear-gradient(to bottom right, #04ad67, #89ca6e);
	}

	.box-color1 {
		background: linear-gradient(to bottom right, #2a8af3, #007aff);
	}
	.mauto{margin:0 auto;}
	.wechantLogin{margin-top: 20px;}
	.floatL{float: left;}
	.arrowrightCOL{color: #FFFFFF;}
</style>
